/* main document body, main font style, background image,scrollbars, etc. */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	scroll: auto;

	font-family: verdana, arial, tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000088;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
/* Page */

#page {
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
}

#page-bgtop {
}

#page-bgbtm {
}

page h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
}
page h1 {
	font-size: 2em;
}

page h2 {
	font-size: 1.6em;
}

page h3 {
	font-size: 11px;
}

page p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

page ul, ol {
}

/* Botones */
#botones {
	float: right;
	width: 100px;
	padding: 0;
}
#botones h1 {
	background: #2C2C2C url(img10.jpg) no-repeat left top;
	height: 25px;
	padding: 9px 0 0 28px;
	font-size: 12px;
	color: white;
}


#botones a {
	text-decoration: none;
	color: white;
}

/* Content */

#content {
	float: right;
	width: 70%;
}

.post {
	margin-bottom: 8px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	background: #2C2C2C url(img06.gif) no-repeat left top;
	height: 28px;
	padding: 12px 0 0 28px;
	font-size: 12px;
	color: white;
}
.post .table {

	height: 28px;
	padding: 12px 0 0 28px;
	font-size: 12px;
}

.post .title a {
	color: white;
}

.post .meta {
	padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .entry {
	padding: 10px 20px 15px 20px;
	text-align: justify;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 220px;
	background: #006A8C;
	color: #FFFFFF;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#sidebar li ul {
	background: url(img05.jpg) no-repeat;
	padding-bottom: 0px;
}

#sidebar li li {
	margin-left: 15px;
	margin-right: 15px;
	line-height: 0px;
	border-bottom: 1px dashed #D2D4C9;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	background: #2C2C2C url(img04.jpg) no-repeat left top;
	height: 31px;
	padding: 9px 0 0 28px;
	font-size: 12px;
	color: white;
}


#sidebar h3 {
	background: #2C2C2C url(img08.jpg) no-repeat left top;
	height: 42px;
	display: block;
	padding: 11px 0 0 28px; /*Alineacion del menu de la izquierda*/
	font-size: 12px;
}

/*chrome style*/
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(img08.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: "left"; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: black;		/*Cambiar el color del las ltras del menu*/
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(img09.jpg) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #64a5b9; /*THEME CHANGE HERE*/
border-bottom-width: 0;
display: block;
font-size: 11px;
line-height:30px;
z-index:100;
background: url(img09.jpg) center ;
width: 189px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/* default table design */
table {
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
/* main table used by the main frame template */
table.main {
	border: none;
	border-width: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
/* table used as frames for other tables */
table.frame {
	background-color: #999999;
}
/* general title row or bar, used for the main page header block or tool bar 
*  where the 3 buttons "return","help","close" are located 
*/
.titlebar {
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	color: #546D8F;
	height: 20px;
	border-bottom: 2px dotted blue;
}
/* Highlights an item or block */
.hilite {
	background-color: yellow;
}
/* submenus item link */
.submenu_item{
	font-weight: bold;
}
/* submenu's usual tbody */
.submenu{
	background-color: #eeeeee;
}
/* submenu's usual frame table */
.submenu_frame {
	background-color: #999999;
}
/* submenu's title usually used in "OR", "Ambulatory", submenus */
.submenu_title {
	background-color: #dddddd;
	font-size: 14px;
	font-weight: bold;
	color: maroon;
}
/* -- Submenu block title bar. Usually used in ward/clinic list modules -- */
.submenu2_titlebar {
	background-color: #999999;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
/* -- Submenu block listed items. Usually used in ward/clinic list modules -- */
.submenu2_list {
	background-color: #dddddd;
	font-size: 10px;
}
/* -- Submenu block body. Usually used in ward/clinic list modules -- */
.submenu2_body {
	background-color: #dddddd;
	font-size: 12px;
}
/* -- Submenu block body. Usually used in ward/clinic list modules -- */
.submenu2_body2 {
	background-color: #ffffcc;
	font-size: 10px;
}
/* -- Submenu block title bar. Usually used in tech modules -- */
.submenu3_titlebar {
	background-color: green;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
/* -- Submenu block body. Usually used in tech modules -- */
.submenu3_body {
	background-color: #ffffcc;
	font-size: 10px;
	color: #000099;
}
/* -- Verical column spacer  of a table. Usually used in submenu lists -- */
td.vspace {
	background-color: #dddddd;
}
ul {
	margin-left: 20px;
}
/* -- Password check page bounding border around the input area */
.passborder{
	background-color: #333399;
}
/* -- Password check input area -- */
.passbody{
	background-color: #DDE1EC;
}
/* -- Password check inner block area -- */
.passmask{
	background-color: #eeeeee;
	margin: 0px;
}
/* -- Password check inner block frame bounding frame - */
.passmaskframe{
	background-color: #999999;
	margin: 0px;
}
/* -- Casual dialog, instructions, prompt message -- */
.prompt{
	color: maroon;
	font-size: 16px;
	font-weight: bold;
}
/* -- Warning message -- */
.warnprompt{
	color: red;
	font-size: 18px;
	font-weight: bold;
}
/* -- Copyright -- */
.copyright {
	font-size: 9px;
}
/* -- Ward or clinic name -- */
.wardname{
	font-weight: bold;
	color: green;
}
/* -- ward lists item row -- */
.wardlistrow1{
	background-color: #efefef;
}
/* -- ward lists item  alternate row -- */
.wardlistrow2{
	background-color: #dcdcdc;
}
.thinrow_vspacer{
	height: 1px;
	background-color: #0000ee;
}
/* -- ward lists title row -- */
.wardlisttitlerow{
	background-color: cyan;
}
/* -- photo id block -- */
.photo_id{
	background-color: #DDE1EC;
	border: 1px solid #999999;
}
/* -- Person registration divider block, usually the horizontal bar below the tabs -- */
.reg_div{
	background-color: #66ee66;
	height: 5px;
	border-bottom: 1px solid green;
}
/* -- Person registration form item area -- */
.reg_item{
	/* background-image: url(/gui/img/skin/default/tableheader_gr.gif);*/
	background-color: #eeeeee;
	padding: 2px 6px 2px 6px;
	border-bottom: 1px solid green;
}
/* -- Person registration form input area -- */
.reg_input{
	background-color: #ffffee;
	padding-left: 6px;
}
.reg_list_titlebar{
	background-color:#00009C;
	color:#FFFFFF;
}
/* -- Admission form item area -- */
.adm_item{
	background-image: url(/gui/img/skin/default/tableHeaderbg3.gif);
	background-color: cyan;
	padding: 2px 6px 2px 6px;
}
/* -- Admission forms input area -- */
.adm_input{
	background-color: #eeeeee;
	padding-left: 6px;
}
/* -- admission divider block, usually the horizontal bar below the tabs -- */
.adm_div{
	background-color: #00009c;
	height: 5px;
	font-size: 16px;
	font-weight: bold;
	color: white;
}
/* -- Admission list title row --*/
.adm_list_titlebar{
	background-image: url(/gui/img/skin/default/tableHeaderbg3.gif);
}
/* for very important data to hilight e.g. first name, last name, bday */
.vi_data{
	font-weight: bold;
	color: maroon;
	padding: 2px 6px 2px 6px;
}
/* -- horizontal line -- */
hr {
	line-height: 1px;
	color: teal;
}
/* elements, areas of saturday */
.saturday{
	background-color: #ffffcc;
	padding-left: 6px;
	padding-right:6px;
}
/* elements, areas of sunday */
.sunday{
	background-color: #ffff00;
	color: red;
	padding-left: 6px;
	padding-right:6px;
}
/* elements, areas of a weekday */
.weekday{
	background-color: white;
	padding-left: 6px;
	padding-right:6px;
}
/* ---------- Form elements ---------------*/
.form_element{
	background: white;
	border: 1px solid silver;
	padding: 2px;
	color: black;
	margin-left: 5 px;
}
/*----- Registration search mask */
.reg_searchmask{
	background-color: #f3f3f3;
}
/*----- Registration search bordering block */
.reg_searchmask_border{
	background-color: #66ee66;
}
/*----- Admission search mask */
.admit_searchmask{
	background-color: #f3f3f3;
}
/*----- Admission search bordering block */
.admit_searchmask_border{
	background-color: #6666ee;
}
/* ---------- Links. Note: link colors are overridden by the user configuration ----*/
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
a:visited:active {text-decoration: none;}
a:visited:hover {text-decoration: underline;}

/* Gjergj Sheldija - added triage specific classes */
.triageWhite {text-transform:uppercase;background-color: #FFFFFF;font-weight: bolder;font-variant: small-caps;}
.triageGreen {text-transform:uppercase;background-color: #00FF00;font-weight: bolder;font-variant: small-caps;}
.triageYellow {text-transform:uppercase;background-color: #FFFF00;font-weight: bolder;font-variant: small-caps;}
.triageRed {text-transform:uppercase;background-color: #FF0000;font-weight: bolder;font-variant: small-caps;}
